.number-picker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none
}

.number-picker > div {
	height: .7rem;
	width: .7rem;
    font-size: .5rem;
    text-align: center;
}

.number-picker .increase ,
.number-picker .decrease {
	line-height: .7rem;
	border: 1px solid #dcdcdc;
}

.number-picker .decrease {
	font-size: .6rem;
}

.number-picker .quantity {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	border: 1px solid #dcdcdc;
	margin: 0 .3rem;
}
 
.number-picker .quantity > input {
	text-align: center;
	width: 100%;
	height: 100%;
	outline: none;
	border:none;
	font-size: .38rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.number-picker .disabled {
	color: gray;
}